/*
* 我们的自定义样式
* @Author: iceStone
* @Date:   2015-12-12 10:56:34
* @Last Modified by:   iceStone
* @Last Modified time: 2015-12-15 17:23:08
*/

/**
 * 1.样式都是通过id去限定
 * 2.尽可能使用直接子代选择器
 */

/**
 * 公共样式
 */
body{
font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

@font-face {
  font-family: 'itcast';
  src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'), url('../font/MiFie-Web-Font.svg') format('svg'), url('../font/MiFie-Web-Font.ttf') format('truetype'), url('../font/MiFie-Web-Font.woff') format('woff');
}

/**
 * 头部区域
 */

#main_ad > .container-fluid > .row > div {
	min-height: 0;
}


/**
 * 网站导航
 */



/**
 * 关于我们
 */

#gywm {
	background-color: #ffffff;
	padding: 25px 0;
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
}
	

#gywm > .container > .row {
	
	
	margin: 0 auto;
	
		
}
#gywm > .container > .row > div {
	display：inline-block;
		
}
#gywm > .container > .row > .tupian {
	
	height: 100%;		
}
#gywm > .container > .row > .jianjie {
	
		
}

/**
 * 精品课程
 */

#jpkc {
	background-color: #ffffff;
	
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
	
}
	

#jpkc > .container > .row {
	
	
	margin: 0 auto;
	
		
}
#jpkc > .container > .row > div {
	display：inline-block;
		
}
#jpkc > .container > .row > .tupian {
	
	height: 100%;		
}
#jpkc > .container > .row > .jianjie {
	
		
}


/**
 * 产品展示
 */

#fycp { background-color: #ffffff;}


#cpzs{
	background-color: #f8f8f8;
	padding: 0px 0;
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
}

/**
 * 最新案例
 */

#fyal {
	background-color: #1e51ad;
	padding: 0px 0;
	text-align: center;
	box-shadow:0px 0px 3px 0px #c8c8c8 inset;
	
}


#zxal {
	background-color: #f8f8f8;
	padding: 25px 0;
	text-align: center;
	box-shadow: 0px 0px 1px #c8c8c8;
	
}

@media (min-width: 768px)
.bs-example {
margin-right: 0;
margin-left: 0;
background-color: #fff;
border-color: #ddd;
border-width: 1px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.bs-example {
position: relative;
padding: 45px 15px 15px;
margin: 0 -15px 15px;
padding-top: 0px;
}



/**
 * 新闻动态
 */
 
#xwdt {
	background-color: #ffffff;
	padding: 25px 0;
	text-align: left;
	
	
}

#xwdt .container .row .col-md-4 .block {
              border: 1px solid #ADADAD;
			  padding: 0px;
			  box-shadow: 10px 5px 10px #ccc;
			  padding: 0px;
			  background-color: #FFFFFF;
	
}


/**
 * 下面是当屏幕小于768时候的定义
 */

@media (max-width: 768px) {
#news .nav-stacked > li {
	float: left;
}	
	
}

/**
 *  产品内容页
 */
#cpnry {
	
	padding: 25px 0;
	
		
	}

#cpfl > a {
	line-height: 30px;
}
/**
 * 脚注区域
 */
#footer {
	height: 200px;
	background-color: #003c7e;
	color: #FFFFFF;
	border-top: 0px solid #c8a466;
	border: 0px solid #ADADAD;
	padding: 0px;
	
	
}
#footer {
             
			  
			  }
#footer > .li > a { 
	color: #FFFFFF;
}   
#footera > li > a {
	color: #FFFFFF;
} 
	

/**
 * 自定义导航css样式
 */

.navbar {
	margin-bottom: 0;
	border: 0;
	background-color: #046fcd;
	
	
}

.navbar-zdydaohang {
  background-color: #d82231;
  border-color: 0;
  text-align: center;
  font-size: 15px;
}



.navbar-zdydaohang .navbar-brand {
  color: #9d9d9d;
}
.navbar-zdydaohang .navbar-brand:hover,
.navbar-zdydaohang .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-zdydaohang .navbar-text {
  color: #9d9d9d;
}
.navbar-zdydaohang .navbar-nav > li > a {
  color: #FFFFFF;
  line-height: 62px;
}
.navbar-zdydaohang .navbar-nav > li > a:hover,
.navbar-zdydaohang .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-zdydaohang .navbar-nav > .active > a,
.navbar-zdydaohang .navbar-nav > .active > a:hover,
.navbar-zdydaohang .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  background-color: 0;
}
.navbar-zdydaohang .navbar-nav > .disabled > a,
.navbar-zdydaohang .navbar-nav > .disabled > a:hover,
.navbar-zdydaohang .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-zdydaohang .navbar-toggle {
  border-color: #333;
}
.navbar-zdydaohang .navbar-toggle:hover,
.navbar-zdydaohang .navbar-toggle:focus {
  background-color: #333;
}
.navbar-zdydaohang .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-zdydaohang .navbar-collapse,
.navbar-zdydaohang .navbar-form {
  
}
.navbar-zdydaohang .navbar-nav > .open > a,
.navbar-zdydaohang .navbar-nav > .open > a:hover,
.navbar-zdydaohang .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > li > a {
    color: #101010;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-zdydaohang .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-zdydaohang .navbar-link {
  color: #9d9d9d;
}
.navbar-zdydaohang .navbar-link:hover {
  color: #fff;
}
.navbar-zdydaohang .btn-link {
  color: #9d9d9d;
}
.navbar-zdydaohang .btn-link:hover,
.navbar-zdydaohang .btn-link:focus {
  color: #fff;
}
.navbar-zdydaohang .btn-link[disabled]:hover,
fieldset[disabled] .navbar-zdydaohang .btn-link:hover,
.navbar-zdydaohang .btn-link[disabled]:focus,
fieldset[disabled] .navbar-zdydaohang .btn-link:focus {
  color: #444;
}

.navbar-zdyddd {
  float: left;
  height: 50px;
  padding: 0px 0px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-zdyddd:hover,
.navbar-zdyddd:focus {
  text-decoration: none;
}
.navbar-zdyddd > img {
  display: block;
}
@media (max-width: 768px) {
#myCarousel {
    margin-top: 135px;
  }
}

@media (min-width: 768px) {
#myCarousel {
    margin-top: 92px;
  }
}

/**
 * 头部区域
 */
 
.topbar  > .container-fluid {
	
	background-color: #ffffff;
	
}
 
.header > a {
	 color: #FFFFFF;
}
 
#header {
  
	border-bottom: 0px solid #f5a30f; 

}
#header > .topbar {
	height: 120px;
	
	line-height: 120px;
	
}
#header .mobile-link {
	font-size: 13px;
	color: #888;

}

#header .mobile-link:hover {
	text-decoration: none;
	
}
	
	

#header >.topbar >.container>.row > div{
	height: 40px;
	font-size: 13px;
	color: #888;
	
}



#header > .topbar > .container > .row > div + div {
  border-left: 1px solid #777777;
	
}


/**
 * 自定义导航css样式
 */
.navbar-itcast {
  background-color: #1e51ad;
  border-color: #BBB6B6;
  height: 40px;
  margin-bottom: 0px;
  width: 100%;
  top: 0px;
}
.navbar-itcast .navbar-brand {
  color: #ffffff;
  line-height: 50px;
}
.navbar-itcast .navbar-brand:hover,
.navbar-itcast .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
  line-height: 50px;
}
.navbar-itcast .navbar-text {
  color: #777;
}
.navbar-itcast .navbar-nav > li > a {
  color: #ffffff;
  line-height: 62px;
  font-size: 15px;
}
.navbar-itcast .navbar-nav > li > a:hover,
.navbar-itcast .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
  
}
.navbar-itcast .navbar-nav > .active > a,
.navbar-itcast .navbar-nav > .active > a:hover,
.navbar-itcast .navbar-nav > .active > a:focus {
  color: #;
  background-color: 0;
  om: inherit;
}
.navbar-itcast .navbar-nav > .disabled > a,
.navbar-itcast .navbar-nav > .disabled > a:hover,
.navbar-itcast .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-itcast .navbar-toggle {
  border-color: #ddd;
  margin-top: 9px;
  margin-bottom: 0px;
  height:40px;
  
  
  
}
.navbar-itcast .navbar-toggle:hover,
.navbar-itcast .navbar-toggle:focus {
  background-color: #ddd;
  
}
.navbar-itcast .navbar-toggle .icon-bar {
  background-color: #888;
 
}
.navbar-itcast .navbar-collapse,
.navbar-itcast .navbar-form {
  border-color: #e7e7e7;
}
.navbar-itcast .navbar-nav > .open > a,
.navbar-itcast .navbar-nav > .open > a:hover,
.navbar-itcast .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-itcast .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-itcast .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-itcast .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-itcast .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-itcast .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-itcast .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-itcast .navbar-link {
  color: #777;
}
.navbar-itcast .navbar-link:hover {
  color: #333;
}
.navbar-itcast .btn-link {
  color: #777;
}
.navbar-itcast .btn-link:hover,
.navbar-itcast .btn-link:focus {
  color: #333;
}
.navbar-itcast .btn-link[disabled]:hover,
fieldset[disabled] .navbar-itcast .btn-link:hover,
.navbar-itcast .btn-link[disabled]:focus,
fieldset[disabled] .navbar-itcast .btn-link:focus {
  color: #ccc;
}

/**
 *  动画区域
 */
body,html,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li{	
	padding:0;
	margin:0;
	}
  img{display:block;}
body {

	font:14px/1.5 Arial,'Microsoft Yahei',\5FAE\8F6F\96C5\9ED1;

	color:#666;
	background:#fff;

	}
a.disabled {
    cursor: default;
    opacity: 0.5;
}
img{display:block;border:0;}

dl,dd,dt,ul,li{

	list-style:none;
	}
a {
	color: #666;
	text-decoration: none;
	}

a:hover {
color: #333;
	}
h2.title{
font-size: 35px;
color: #000;
text-align: center;
padding: 15px 0 15px 0;
}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{
	display:block
}

.he{position:fixed;top:0;left:0px;width:100%;height:110px;background:#fff;z-index:99;border-bottom:1px solid #ccc}

.main,.mainbox{width:1120px;overflow:hidden;margin:0 auto;}
.scrol-page{margin:0 auto;}
.content{width:1120px;margin:auto;}
nav{position:absolute;right:0px;top:0px;width:auto;line-height:60px;color:#000;font-size:14px}
.logo{padding-left:80px;background:url(/common/logo.png) no-repeat center left;font-size:35px;display:inline-block;line-height:59px;
color:#fff; width:237px;
 height:59px; padding-top:45px;
}
#product,#case,#solution,#order,#contact,#about{padding-top:80px;padding-bottom:50px}
.linkbtn{text-align:center;margin:50px 0;overflow:hidden;clear:both}
.linkbtn a{
display: inline-block;
    height: 40px;
    border: 3px solid #717171;
    text-align: center;
    padding: 0 50px;
    line-height: 44px;
    margin: 0 10px;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
-moz-transition:.3s ease-in;

text-align:center;
display:inline-block;
}
.case p{padding:0 10px}
.linkbtn a.disable{border:3px solid gray;}
.linkbtn a:hover{
	background:#c11e2b;
	border-color:#c11e2b;
	color:#fff;
}
.linkbtn a.disabled:hover{
	
	border:3px solid gray;
	background:#fff !important;
  color:#717171;
}
#menuList{
	display: none;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    color: #000;
}
#home .mainbox{position:relative}
#case p,#product p{text-align:center;font-size:15px}
#product p,#product h5{text-shadow: 0px 1px 2px #000;color:#fff}
#home .mainbox>img{position:absolute;left:10px;}
.case>h3 ,.news>h3,h3.title{
    font-size: 35px;
    color: #000;
    text-align: center;
    padding: 50px 0 50px 0;
	font-weight:normal
}

.sidebar{position:fixed;width:100px;top:0px;right:0px;bottom:0px;}
.case ul{visibility: visible;
    -webkit-perspective: 2000;
    position: relative;
    -moz-perspective: 2000;
    -ms-perspective: 2000;
    perspective: 2000;
    -ms-transform: perspective(2000px);
    -moz-transform: perspective(2000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;}
.case li,.news li{
	width:25%;
	  margin:20px 0;
	float:left;

	box-sizing:border-box;

    position: relative;
    transform-style: preserve-3d;
    -webkit-perspective: 2000;
    transform-origin: center;
    visibility: visible;
	}
.case li img {
   max-width:100%;
   margin: 0 auto;
}
.fwhite{color:#fff !important;}
.case li .imgs{height:11pc;overflow:hidden;display:block;border: 1px solid #ccc;
    box-shadow: 0 1px 2px #c5c5c5;}
.case li>div{
	transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	border: 1px solid #ccc;
     box-shadow: 0 1px 2px #c5c5c5;
 margin:0 19px;
 max-height: 11pc;
  min-height: 11pc;
}
.case li h2{
	background: #009fe9;
    color: #fff;
    backface-visibility: hidden;
     box-shadow: 0 1px 2px #c5c5c5;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    z-index: -1;
    text-align: center;
    position: absolute;
    top: 0px;
overflow:hidden;
    left: 20px;
    right: 20px;
	line-height:11pc;
   max-height: 11pc;
	min-height: 11pc;
	
}
.case li:hover>div{background:#fff; 

    transform:rotateY(180deg);
         -webkit-transform:rotateY(180deg);
            -moz-transform:rotateY(180deg); 
               -o-transform:rotateY(180deg);
               -ms-transform:rotateY(180deg);
}
.case li:hover img {
   
   
}
.case li:hover h2 a{color:#fff;padding:0 10px;}
.case li:hover h2{
     transform:rotateY(0deg);
max-height: 11pc;
	min-height: 11pc;
         -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
               -o-transform:rotateY(0deg);
               -ms-transform:rotateY(0deg);
     
     z-index:1;

}
.news li h4{text-align:center;margin-bottom:10px;padding-bottom:10px;font-size:15px;border-bottom:1px solid #ccc;}
.news li p{line-height:20px;font-size:12px;margin:5px;
max-height:100px;overflow:hidden;
}
.news li p:first-child{text-indent:2em}
.news li a.more{
   display:inline-block;
    padding:0 15px;
    border:1px solid #555;
    height:28px;
    line-height:28px;
    font-size:12px;
    background:#fff;
    text-align:center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.news li a.more:hover{

    color:#fff;
    text-decoration:none;
    border:1px solid #c11e2b;
    background:#c11e2b;
}
.pages{text-align: center;clear:both;
    display:none}
	.view-tenth {
	position: relative;
	overflow: hidden;
display:block;
	max-height: 11pc;
	min-height: 11pc;
	text-align: center;
}
.view-tenth img {
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-ms-transform: scaleY(1);
  display:block;
  max-width:100%;
}
 .view-tenth a{display:block;}
	
	


input[type="text"], input[type="password"] {
  
    height: 30px;
	width:100%;
	box-sizing:border-box;
    line-height:30px;
    font-size: 14px;
    color: #787C7F;
	margin:0 auto

}
textarea{width:100%;box-sizing:border-box;height:150px;}
.viewMain {
    padding: 0 10px;
 
}
.viewMain, .view p {

    font-size: 14px;
    color: #666;
    text-align: left;
}
.bgblack{background:#000;}
.icons{overflow:hidden;}
.m20{clear:both;margin:20px 0; text-align:center;}
.icons h3{color:#fff; text-align:center;margin:20px 0;}
.icons p{color:#fff;font-size:12px;margin-top:20px;text-indent:2em;    overflow: hidden;
   height:70px;}
   .map{padding-top:10px}
   #home .title{text-align:right;font-size:60px;font-weight:bold;padding-right:10px;}
.icons i{color:#fff;font-size:60px;margin:0 auto;display:block;width:60px;

    -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
    border-radius:30px;
}
.icons li{

    float:left;width:25%;padding:20px;
    box-sizing:border-box;


}
.news{padding-top:20px !important;}
.icons li:hover i{


} 
.news ul{overflow:hidden}
section{padding:0px 0}
.views{padding-left:10px;padding-right:10px;padding-top:0px !important;}
.moreBtn{
    clear:both;
    margin:0 auto;
	border:3px solid #f5a30f;;
    background:#1e51ad;
	height:45px;
	line-height:45px;
	padding:0 4%;
  text-align:center;
	display:inline-block;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   color:#fff;
	}
.moreBtn:hover{

color:#c11e2b;
border:3px solid #c11e2b;
background:none;
text-decoration:none;
padding:0 8%;

}
.act{

    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;

  }
.txtshadow{text-shadow:0px 1px 2px #000;}
.icons li{}
#dituContent{position:relative;}
#dituContent:before{

content:'';
position:absolute;
top:0;
left:0;right:0;bottom:0;
background:rgba(255,255,255,0);
z-index:999;

}
.memo:after {
    overflow: hidden;
    line-height: 100%;
    position: absolute;
    bottom: -130px;
    right: -75px;
    content: '”';
    font-size: 200px;
    color: #f1f2f2;
    font-weight: bold;
}
#menuList{display:none;position:fixed;top:15px;right:10px;font-size:30px;}
.openNav header{right:0px}
.openNav #menuList{right:80px;-webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.1s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;}
.openNav.pagemain{
    margin-right: 70px;
    margin-left: -70px;
}
.pagemain{
	margin-left:0px;
	margin-right:0px;
	-webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.1s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;
}
.news ul,.case ul{padding: 0 10px}
#solution{padding-top:220px;padding-bottom:100px;}
#about{padding-top:220px;}
@media(max-width:1120px){
	.mainbox,.main{width:100%;padding:0 }
}
@media(max-width:960px){
	section{padding-top:0px;}
	nav,.logo,nav>a,.he{line-height:50px;height:50px; }
  .logo{font-size:18px;}
	nav>a{width:auto;padding:0px 20px;}
	body{padding-top:0px}
	#product,#case,#solution,#order,#contact,#about{padding-top:0px;padding-bottom:0px}
	
}
@media (max-width: 767px) {
  .banner .ms{font-size:14px;}
  .slidecontent{padding:40px 0;}
	  #home .title{font-size:30px}
		#about.right{display:none}


#about .title,#order .title{text-align:center}
#about .right{display:none}
#menuList{display:block;}
.mainbox,.main{width:100%;}
.news li,.case li,.icons li{width:50%}


}
@media (max-width:600px){
#product,#case,#solution,#order,#contact,#about{padding-top:20px;padding-bottom:20px}
	
}
@media (max-width:480px){
	.moreBtn{display: block;margin: 0 10px}
	h2.title{font-size:20px;line-height:30px;padding:20px 0}
nav{position:absolute;top:0px;bottom:0px;right:0px;width:100%;background:#fff;}
nav a{display:block;}
.icons li,.case li,.news li{width: auto;
    float: none;}
	.icons li{opacity:1 !important}
	.slidecontent{height:120px}
	.banner .ms{font-size:14px;line-height:20px;height:60px;overflow:hidden}
	section h3.title{font-size:28px;line-height:30px;padding:0px 10px}
	section{overflow:hidden;padding:0px 0;}
}

/**
 * 动画区域结束 手机版导航栏nav 宽度和高度
 */
.tpic{margin:0 auto; display:block;max-width:100%;}

/**
 * 导航栏滚动样式
 */
 #case.active h3.title,#fycp.active h3.title,#case.active .infoText,#fycp.active .infoText{
	-webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
	-webkit-animation: fadeInUp 1s ;
  animation: fadeInUp 1s ;
}

#fycp.active ul li{
-webkit-animation: bounceInRight 1s;
  animation:bounceInRight 1s; 

}
	.title{padding-left:10px;padding-right:10px}

.case ul,.news ul{padding-top:20px;}
.tpic{margin:0 auto; display:block;max-width:100%;}
h2 a{display:block;}

a {
	color: #000000;
}

.nav-pills>li>a {
border-radius: 4px;
line-height: 0px; 
}
/**
 * 左侧导航颜色修改动样式
 */

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #000;
background-color: #0059a9;
border-color: #CBCBCC;
border-bottom:0px;
}

/**
 * 左侧导航颜色修改动样式
 */
 
 /**
 * 头部导航悬停颜色修改动样式
 */
 
 .nav>li>a:hover, .nav>li>a:focus , .nav>li>a:active {
    text-decoration: none;
    background-color: #fdad00;
    padding: 10px 25px;
	color: #ffffff;
	line-height: 34px;
	
}
 /**
 * 头部导航文字颜色修改动样式
 */
.nav>li>a {
position: relative;
display: block;
padding: 10px 25px;
line-height: 34px;
color: #ffffff;
}
 /**
 * 头部导航悬停颜色修改动样式
 */
 
  /**
 * 导航样式式
 */
 
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}
.navbar-inverse .navbar-toggle {
    border-color: #333;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #046fcd;
    background-image: none;
    border: 1px solid#FFFFFF; 
    border-radius: 4px;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}

button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
   /**
 * 导航样式式
 */
 
    /**
 * 胶囊导航手机导航样式式
 */
 
 @media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
	
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: 0px;
  background-color: #046fcd;
  font-weight:bold;
  font-size: 15px;

  
}

@media (max-width: 480px)
 {
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
    line-height: 30px;
    color: #ffffff;
	
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #ffffff;
    padding: 10px 20px;
    color: #000017;
    line-height: 30px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: 20px;
    background-color: ##046fcd;
    font-weight: bold;
    font-size: 15px;
}
.navbar {
    margin-bottom: 0;
    border: 0;
    background-color: #046fcd;
}
.navbar-zdyddd > img {
    display: block;
	height: 46px;
	margin-right: -15px;
    margin-left: 0px;
	
}
   
}
    /**
 * 胶囊导航手机导航样式式
 */
 
     /**
 * 手机导航样三个小横条
 */
.nav-pills .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}



#fwlc {
           
			  padding: 15px;
			  
			  }

#fwlc .container .row .col-md-12 {
              border: 1px solid #ADADAD;
			  padding: 0px;
			  box-shadow: 50px 5px 50px #ccc; 
			  padding-bottom: 15px;
			  
			  }
			  
#yqlj {
              padding: 20px;


              }	  
			  
.nav > li:hover .dropdown-menu {display: block;}
        


#leftdh > ul > li >a:hover {
    color: #000000;
    background: #fdad00;
	    
}
#leftdh {
    
    background: #046fcd;
	    
}

@media (max-width: 480px)
 {  
 
#leftdh > li >a:hover {
    display: block;
    background-image: url(/146/img/bjhover.gif); 
	width: 210px; 
	height: 50px;
	    
}
#leftdh > li >a {
    display: block;
    background-image: url(/146/img/hsbjt.gif); 
	width: 210px; 
	height: 50px;
	    
}
#leftdh {
    background: #046fcd;
    width: 100%;
}
 
 
  }




    /**
 * 首页左侧导航样式式
 */

#xwdt .container .row .col-md-3 .text-center > li >a:hover {
    display: block;
    background: #0f60ed;	
     
}
    /**
 * 首页左侧导航样式式
 */
 
    /**
 * 首页折叠效果
 */
 
.panel-default>.panel-heading {
    color: #fff;
    background-color: #013895;
    border-color: #DA0808;
}
    /**
 * 首页折叠效果
 */
 


    /**
 * 图片样式插件
 */
 
 @charset "utf-8";
.he_border1{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}



.he_border2{background:#3c0f14;width:100%;height:136px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_p{top:45%;opacity:1}


/*.he_border3{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border3 .he_border3_caption::before{top:14%;right:25%;bottom:14%;left:25%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}.he_border3 .he_border3_caption::after{top:25%;right:10%;bottom:25%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border3 .he_border3_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border3 .he_border3_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border3:hover .he_border3_caption_p{top:45%;opacity:1}*/


.he_3DFlipX{display:block;width:360px;height:240px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipX_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipX_inner div.he_3DFlipX_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipX_inner:hover > div.he_3DFlipX_img{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}.he_3DFlipX_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipX_caption{position:absolute;top:0;left:0;padding:0;background:#fe7253;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#fe7253;text-align:center;backface-visibility:hidden;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipX_inner:hover .he_3DFlipX_caption{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}
.he_3DFlipX_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipX_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipX a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}


.he_3DFlipY{display:block;width:250px;height:220px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipY_inner > div.he_3DFlipY_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover > div.he_3DFlipY_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipY_caption{position:absolute;top:0;left:0;padding:0;background:#fdad00;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#fdad00;text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover .he_3DFlipY_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.he_3DFlipY_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}

.he_ZoomInImg{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:.7;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}.he_ZoomInImg:hover .he_ZoomInImg_caption_h{color:#fff;opacity:1}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}

.he_ZoomOutImg{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomOutImg .he_ZoomOutImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomOutImg:hover .he_ZoomOutImg_img{opacity:.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.he_ZoomOutImg .he_ZoomOutImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomOutImg .he_ZoomOutImg_caption,.he_ZoomOutImg .he_ZoomOutImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomOutImg .he_ZoomOutImg_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}
.he_ZoomOutImg:hover .he_ZoomOutImg_caption_h{color:#fff;opacity:1}
.he_ZoomOutImg .he_ZoomOutImg_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomOutImg:hover .he_ZoomOutImg_caption_p{color:#fff;opacity:1}

.he_slideCaptionDown{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(254,114,83,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(254,114,83,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}

.he_slideAllDown{width:100%;height:180px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:.9;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown:hover .he_slideAllDown_img{opacity:1;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.he_slideAllDown .he_slideAllDown_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption,.he_slideAllDown .he_slideAllDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideAllDown .he_slideAllDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_p{color:#fff;top:45%;opacity:1}

.demo{width:360px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:800px; margin:60px auto 10px auto}
}
.box{float:left; width:380px; height:260px}
.clear{clear:both}

@media (max-width: 480px)
 {
.he_slideAllDown{background:#fcb038;width:100%;height:125px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
 
 
.he_border2{background:#fe7253;width:158px;height:125px;padding:0px;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
 
.he_3DFlipY{display:block;width:158px;height:125px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}

 }
 
 
     /**
 * 图片综合样式插件
 */
 
      /**
 *      鼠标经过选项卡
 */
 
#container {
	text-align: left;
	
	height: 400px;
	background-color: #FFFFFF;
	padding: 20px;
}
#container #title {
	height: 28px;
}
#container #title li {
	float: left;
	list-style-type: none;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin-right: 1px;
}
#container #title ul {
	background-color: #FFFFFF;
	height: 28px;
}
#container #title a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -29px;
}
#container #title a span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -29px;
	padding: 0 15px 0 15px;
}
#container #title #tag1 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -87px;
}
#container #title #tag1 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -87px;
	padding: 0 15px 0 15px;
}
#container #title #tag2 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left 0px;
}
#container #title #tag2 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right 0px;
	padding: 0 15px 0 15px;	
}
#container #title #tag3 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -58px;
}
#container #title #tag3 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -58px;
	padding: 0 15px 0 15px;	
}
#container #title #tag4 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -145px;
}
#container #title #tag4 a:hover span{
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -145px;
	padding: 0 15px 0 15px;
}
#container #title #tag5 a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -174px;
}
#container #title #tag5 a:hover span{
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -174px;
	padding: 0 15px 0 15px;
}
#container #title .selectli1 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -87px;
}
#container #title a .selectspan1 {
	display: block;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -87px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli2 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left 0px;
}
#container #title a .selectspan2 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right 0px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli3 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -58px;
}
#container #title a .selectspan3 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -58px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli4 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -145px;
}
#container #title a .selectspan4 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -145px; 
	padding: 0 15px 0 15px;
}
#container #title .selectli5 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -174px;
}
#container #title a .selectspan5 {
	display: block; 
	background: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -174px; 
	padding: 0 15px 0 15px;
}
#container #content ul {margin: 10px;}
#container #content li {margin: 5px; }
#container #content li img {margin: 5px;display:block;}
#container #content {
	height: 300px;
	padding: 10px;
}
.content1 {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #2aa6e2;
	margin-left: 13px;
	

}
.content2 {
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #ff950b;
	margin-left: 13px;
	
}
.content3 {
	height: 300px;
	padding: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FE74B8;
}
.content4 {
	height: 300px;
	padding: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00988B;
	border-right-color: #00988B;
	border-bottom-color: #00988B;
	border-left-color: #00988B;
	background-color: #E8FFFD;
}
.content5 {
	height: 300px;
	padding: 10px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A8BC1F;
	border-right-color: #A8BC1F;
	border-bottom-color: #A8BC1F;
	border-left-color: #A8BC1F;
	background-color: #F7FAE2;
}
.hidecontent {display:none;}

       /**
 *      鼠标经过选项卡
 */
 
.khjzh .row .col-md-3 > img {
    display: block;
    border: 0;
    padding-bottom: 20px;

    
}
       /**
 *     关于我们家具的
 */
#guwomm {
    background-color: #175fd8;
   

    
}
#lunbotu {
    border: 1px solid #0376c7;
	padding-top: 6px;
}
       /**
 *     导航栏左边距定义
 */

.navbar-nav     {
margin-left: 0px;
}
@media (max-width:480px){
.navbar-nav    { 
margin-left: 0px;}

}
       /**
 *     导航栏左边距定义
 */
 
#zcflxt >   li >a:hover {
    display: block;
    background: #ffa101;
	
	
	
	}
#myTab >   li >a {
     
	color: #ffffff;
	
	}
#myTab >   li >a:hover {
     
	color: #000;
	
	}
#myTab >   li >a:visited {
     
	color: #000;
	
	}
	
#syanl  {
     
	margin-left: 0px;
	
	}
	
	
@media (max-width:480px){
#syanl  {
     
	margin-left: 0px;
	
	}	
	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #7bc91e;
    
}

@media (max-width:480px){
#home .col-md-12 >img {width: 150px; height: 100px;
}
   }
   
   
.btn-primary {
    color: #fff;
    background-color: #0b8d33;
    border-color: #357ebd;
}
       /**
 *     146模板背景图定义
 */

#qdgjsc {
    background-image: url(/img/sup_boxBg.jpg);
    padding-bottom: 50px;
}

#qdgjsc p {
    font-size: 14px;
    color: #333;
    margin: 0 0 0 86px;
    line-height: 40px;
    padding: 0 0 0 20px;
    background: url(/146/img/sup_icon2.jpg) left 16px no-repeat;

}

@media (max-width: 480px)
 {
#qdgjsc {
    height: 1800px;
}

 }

       /**
 *     146模板背景图定义
 */